<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<style>
			.mui-bar-nav{
				background-color:green ;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">游记回复</h1>
		</header>
		<div class="mui-content">
			<div class="mui-card-header mui-card-media">
				<img src="img/tx10.jpg" />
				<div class="mui-media-body" style="font-size: 18px;">
					哈巴狗<span style="border: 1px red solid; margin-left: 10px; margin-bottom: 10px; font-size: 10px;">lv17</span>
					<p style="padding-top: 5px;">一小时前</p>
				</div>
				<div class="mui-card-content">
					<p style="color: black; margin-top: 10px;">写的很用心，谢谢分享</p>
				</div>

			</div>
			<div class="mui-card-header mui-card-media">
				<img src="img/tx2.jpg" />
				<div class="mui-media-body" style="font-size: 18px;">
					狮子狗<span style="border: 1px red solid; margin-left: 10px; margin-bottom: 10px; font-size: 10px;">lv17</span>
					<p style="padding-top: 5px;">一小时前</p>
				</div>
				<div class="mui-card-content">
					<p style="color: black; margin-top: 10px;">很贊</p>
				</div>

			</div>
			<div class="mui-card-header mui-card-media">
				<img src="img/tx3.jpg" />
				<div class="mui-media-body" style="font-size: 18px;">
					金毛<span style="border: 1px red solid; margin-left: 10px; margin-bottom: 10px; font-size: 10px;">lv17</span>
					<p style="padding-top: 5px;">一小时前</p>
				</div>
				<div class="mui-card-content">
					<p style="color: black; margin-top: 10px;">頂</p>
				</div>

			</div>
			<div class="mui-card-header mui-card-media">
				<img src="img/tx5.jpg" />
				<div class="mui-media-body" style="font-size: 18px;">
					萨摩<span style="border: 1px red solid; margin-left: 10px; margin-bottom: 10px; font-size: 10px;">lv17</span>
					<p style="padding-top: 5px;">一小时前</p>
				</div>
				<div class="mui-card-content">
					<p style="color: black; margin-top: 10px;">頂</p>
				</div>

			</div>
			<div class="mui-card-header mui-card-media">
				<img src="img/tx7.jpg" />
				<div class="mui-media-body" style="font-size: 18px;">
					哈士奇<span style="border: 1px red solid; margin-left: 10px; margin-bottom: 10px; font-size: 10px;">lv17</span>
					<p style="padding-top: 5px;">一小时前</p>
				</div>
				<div class="mui-card-content">
					<p style="color: black; margin-top: 10px;">頂</p>
				</div>

			</div>
			<div class="mui-card-header mui-card-media">
				<img src="img/tx3.jpg" />
				<div class="mui-media-body" style="font-size: 18px;">
					雪纳瑞<span style="border: 1px red solid; margin-left: 10px; margin-bottom: 10px; font-size: 10px;">lv17</span>
					<p style="padding-top: 5px;">一小时前</p>
				</div>
				<div class="mui-card-content">
					<p style="color: black; margin-top: 10px;">頂</p>
				</div>

			</div>
			<div class="mui-card-header mui-card-media">
				<img src="img/tx9.jpg" />
				<div class="mui-media-body" style="font-size: 18px;">
					警犬<span style="border: 1px red solid; margin-left: 10px; margin-bottom: 10px; font-size: 10px;">lv17</span>
					<p style="padding-top: 5px;">一小时前</p>
				</div>
				<div class="mui-card-content">
					<p style="color: black; margin-top: 10px;">頂</p>
				</div>

		</div>
		<nav class="mui-bar mui-bar-tab">
			<input type="text" placeholder="回復游記" style="margin: 5px 5px 5px 15px; width: 90%;"/>
		</nav>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
			
		</script>
	</body>

</html>